<!doctype html>
<html lang="en-US">

<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>首页 - 华平投资</title>
  <link rel="shortcut icon" type="image/x-ico" href="favicon.ico" />
  <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all">
  <link rel="stylesheet" href="css/iconfont.css" type="text/css" media="all">
  <link rel="stylesheet" href="css/app.min.css" type="text/css" media="all" />
</head>

<body class="home fixed-nav">
  <div id="app">
    <header class="banner">
      <div class="navbar navbar-expand-xl">
        <a class="navbar-brand" href="index.html">Warburg Pincus</a>
        <button class="navbar-toggler" type="button" aria-expanded="false" aria-label="Toggle navigation">
          <svg viewBox="0 0 800 600">
            <path d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200" id="top">
            </path>
            <path d="M300,320 L540,320" id="middle"></path>
            <path d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190" id="bottom"
              transform="translate(480, 320) scale(1, -1) translate(-480, -318) "></path>
          </svg>
        </button>
        <div class="navbar--container">
          <ul id="menu-menu-1" class="nav">
            <li class="menu-item">
              <a title="Home Page" href="index.html">Home Page<span>首页</span></a>
            </li>
          </ul>
        </div>
      </div>
    </header>
    <div class="wrap">
      <div class="container">
        <div class="row">
          <div class="col-12">
            <p class="h3 text-primary mt-5">Warburg Pincus ISG Resources Portal</p>
            <p class="h3 text-primary">华平投后支持资源库</p>
            <p class="mt-5">Welcome to Warburg Pincus ISG Resources Portal. ISG, our Investment Support Group is led by
              a team of seasoned professionals who are dedicated to bringing deep knowledge, insights and expertise
              across a spectrum of specialty areas to our portfolio companies. We have created this portal to help you
              better understand and leverage our ISG offerings. </p>
            <p>欢迎访问华平投后支持资源库。华平的投后支持团队由不同领域的资深专家组成，拥有深厚的行业积累和丰富的实战经验，致力于为被投企业提供全方位的专业支持。希望这一在线平台能够帮助您进一步了解与利用华平的资源与服务。
            </p>
            <p>While the portal connects you with the experts from our ISG teams, it also provides a selection of
              resources with respect to a variety of challenges that businesses may face. We hope these resources could
              provide helpful perspectives and guidance. As there is no “one size fits all” solution, please do not
              hesitate to contact us if you want to discuss more about how we can support you on any particular project.
            </p>
            <p>
              该资源库将帮助您更好地了解华平投后支持团队的专业特长及背景。同时，我们就被投企业在发展过程中可能遇到的部分共性问题精选了相关信息和过往资料，供您参考。当然，每个企业遇到的情况往往都有其独特性，我们非常乐意与您就企业的具体问题进行分析与探讨，竭尽全力为企业提供支持。
            </p>
            <p>This portal is dynamic and we will continue to update and add materials as they become available. Please
              let us know if you have any suggestions or questions regarding this portal.</p>
            <p>我们将持续更新资源库以满足不断变化的市场需求。如果您对资源库有任何建议或意见，请随时与我们联系。</p>
          </div>
          <div class="col-12 mt-2">
            <p class="h3 text-primary mt-5">Our Investment Support Group</p>
            <p class="h3 text-primary">华平的投后支持部门</p>
            <div class="row support">

              <div :class="o.cf.class" v-for="o in obj">
                <a :href="getchildren(o)">
                  <div class="ico">
                    <img :src="o.logo" alt="">
                  </div>
                  <div class="arrow"><span class="iconfont icon-arrow"></span></div>
                  <div class="title ml-8">
                    <span class="text-size-8" v-text="o.categoryNameEn"></span>
                    <span class="text-size-8" v-text="o.categoryName"></span>
                  </div>
                </a>
              </div>

              <!-- <div class="col-12 col-md-3">
              <a href="list.html">
                <div class="ico">
                  <img src="images/icon2.jpg" alt="">
                </div>
                <div class="arrow"><span class="iconfont icon-arrow"></span></div>
                <div class="title">
                  <span class="text-size-8">Legal & Compliance</span>
                  <span class="text-size-8">法务与合规</span>
                </div>
              </a>
            </div>
            <div class="col-12 col-md-3">
              <a href="brand.html">
                <div class="ico">
                  <img src="images/icon3.jpg" alt="">
                </div>
                <div class="arrow"><span class="iconfont icon-arrow"></span></div>
                <div class="title">
                  <span class="text-size-8">Communications & Marketing</span>
                  <span class="text-size-8">品牌建设、传播及市场营销</span>
                </div>
              </a>
            </div>
            <div class="col-12 col-md-3">
              <a href="brand.html">
                <div class="ico">
                  <img src="images/icon4.jpg" alt="">
                </div>
                <div class="arrow"><span class="iconfont icon-arrow"></span></div>
                <div class="title">
                  <span class="text-size-8">Financial Management</span>
                  <span class="text-size-8">财务管理</span>
                </div>
              </a>
            </div>
            <div class="col-12 col-md-3">
              <a href="brand.html">
                <div class="ico">
                  <img src="images/icon5.jpg" alt="">
                </div>
                <div class="arrow"><span class="iconfont icon-arrow"></span></div>
                <div class="title">
                  <span class="text-size-8">Banking & Structured Finance</span>
                  <span class="text-size-8">银行业务及结构融资</span>
                </div>
              </a>
            </div>
            <div class="col-12 col-md-3">
              <a href="brand.html">
                <div class="ico">
                  <img src="images/icon6.jpg" alt="">
                </div>
                <div class="arrow"><span class="iconfont icon-arrow"></span></div>
                <div class="title">
                  <span class="text-size-8">Portfolio Human Resources</span>
                  <span class="text-size-8">人力资源投后支持</span>
                </div>
              </a>
            </div>
            <div class="col-12 col-md-3">
              <a href="brand.html">
                <div class="ico">
                  <img src="images/icon7.jpg" alt="">
                </div>
                <div class="arrow"><span class="iconfont icon-arrow"></span></div>
                <div class="title">
                  <span class="text-size-8">Asset Management & Operation</span>
                  <span class="text-size-8">资产管理与运营</span>
                </div>
              </a>
            </div>
            <div class="col-12 col-md-3">
              <a href="brand.html">
                <div class="ico">
                  <img src="images/icon8.jpg" alt="">
                </div>
                <div class="arrow"><span class="iconfont icon-arrow"></span></div>
                <div class="title">
                  <span class="text-size-8">Government Relations</span>
                  <span class="text-size-8">政府关系</span>
                </div>
              </a>
            </div>
            <div class="col-12">
              <a href="team.html">
                <div class="ico">
                  <img src="images/icon9.jpg" alt="">
                </div>
                <div class="arrow"><span class="iconfont icon-arrow"></span></div>
                <div class="title">
                  <span class="text-size-8">Our ISG Team Leaders</span>
                  <span class="text-size-8">华平的投后支持领导团队</span>
                </div>
              </a>
            </div> -->

            </div>
          </div>
        </div>

      </div><!-- /.content -->
    </div><!-- /.wrap -->
    <footer class="content-info">
      <p>© 2020 Warburg Pincus LLC. 版权所有。</p>
    </footer>
  </div>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/app.js"></script>
  <script src="js/vue.js"></script>
  <script>

    var v = new Vue({
      el: '#app',
      data: {
        obj: [],
        children: []
      },
      created: function () {
        var self = this;
        $.ajax({
          url: '/api/category/list',
          type: 'get',
          data: {},
          dataType: 'json'
        }).then(function (res) {

          if (res.code == 500) {
            location.href = "login.html";
            return;
          }


          // self.obj = res.data;
          var data = res.data;
          var p = [], c = [];
          for (i in data) {
            var cf = data[i].description;
            if (cf) {
              var jsonObj = $.parseJSON(cf);
              data[i]["cf"] = jsonObj;
            }

            if (data[i].parentId == null)
              p.push(data[i]);
          }
          self.obj = p;

        }).fail(function () {
          console.log('失败');
        })
      },
      watch: {
        obj: function () {
          this.$nextTick(function () {
            /*现在数据已经渲染完毕*/
            this.initlist();
          })
        }
      },
      methods: {
        initlist: function () {

        },
        getchildren: function (obj) {
          var id = obj.categoryId;
          return obj.cf.template + "?id=" + id;

        }

      }
    });

  </script>
</body>

</html>